import React, { Component } from 'react';

import './Parent.css';
import { Child1 } from './Child1';
import { Child2 } from './Child2';

// 父组件
export class Parent extends Component {
  // 父组件数据
  state = {
    msg: '',
  };

  // 父组件定义一个函数，传递给子组件
  setMsg = (msg) => {
    console.log(msg);
    // 对数据判断
    this.setState({
      msg: msg + '解救你弟',
    });
  };

  render() {
    // console.log('父', this.props);
    return (
      // 父组件
      <div className="parent">
        <h1>父组件</h1>
        <Child1 msg={this.state.msg} />
        <Child2 setMsg={this.setMsg} />
      </div>
    );
  }
}
